<template>
  <div>
    <d-button type="success" @click="buttonClick">按钮</d-button>
    <d-icon name="loading"></d-icon>
    <br>
    <div style="border: 3px purple solid; width: 90%; margin: 0 auto">
      <d-row :gutter="16">
        <d-col :span="8"><div style="background: red">111</div></d-col>
        <d-col :span="8"><div style="background: yellow">222</div></d-col>
        <d-col :span="8"><div style="background: pink">333</div></d-col>
      </d-row>
    </div>
  </div>
  
</template>

<script>
import { defineComponent } from "vue";


export default  defineComponent({
  setup() {
    const buttonClick = () => {
        console.log('handle-click')
    }
    return {
        buttonClick
    }
  }
})
</script>

<style>

</style>